<!DOCTYPE HTML>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
.box{width:300px;height:300px;background:linear-gradient(-70deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 150px,rgba(255,255,255,0.8) 170px,rgba(255,255,255,0.8) 180px,rgba(255,255,255,0) 200px) no-repeat -240px 0,url(img/new_bg.png) no-repeat; transition:1s;}
.box:hover{background-position:300px 0,-150px -50px;}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
